<template>
  <div class="wholesale-detail">
    <div class="block">
      <header>
        <h2>{{this.queryProductLineCode ? '编辑' : '新增'}}固定日期</h2>
      </header>
      <div class="box-content value-added-form">
        <el-form ref="ruleForm" :model="params" label-width="140px">
          <el-form-item label="原厂：">
            <el-select
              v-model="params.originalFactoryCode"
              filterable
              remote
              clearable
              :disabled="!!queryProductLineCode"
              placeholder="请输入关键词"
              @change="queryProductLineList()"
              :remote-method="queryOriginalFactoryList"
              :loading="loading"
            >
              <el-option
                v-for="item in originalFactoryList"
                :key="item.originalFactoryCode"
                :label="item.originalFactoryName"
                :value="item.originalFactoryCode"
              />
            </el-select>
          </el-form-item>
          <el-form-item label="产品线：">
            <el-transfer v-model="transferValue"
                         v-if="!queryProductLineCode"
                         :titles="['产品线', '已选产品线']"
                         :data="transferData"></el-transfer>
            <span v-else>{{params.productLineName}}</span>
          </el-form-item>
          <el-form-item label="跨月报台截止日期：">
            <el-select v-model="params.newspaperEndDay" clearable placeholder="请选择">
              <el-option v-for="date in newspaperEndDayList" :key="date.value + date.label"
                         :label="date.label" :value="date.value">
              </el-option>
            </el-select>
            <p style="color: #c24b5b; font-size: 12px">超过当月最大日期时，按当月最后一天计算</p>
          </el-form-item>
          <el-form-item label="适用经销商：">
            <span>全部</span>
          </el-form-item>
        </el-form>
      </div>
    </div>
  </div>
</template>
<script src="./index.js"></script>

<style lang="less" src="./index.less" scoped></style>
